

Ext.onReady(function(){

    function h_empty_username(){
        X.focus('user');
    }
    function h_empty_password(){
        X.focus('pass');
    }
       function h_ajax_login_success(){
        X.redir('/');
    }
    function h_ajax_login_failure(){
        X.focus('user');
    }

    X.form.panel({
        id     : 'loginForm',
        height : 115,
        width  : 260,
        items  : [
        X.form.label ({
            x:10,
            y:10,
            text:'Usuario:'
        }),
        X.form.label ({
            x:10,
            y:40,
            text:'Contraseña:'
        }),
        X.form.text  ({
            x:85,
            y:10,
            width:150,
            id:'user',
            maxlen:20
        }),
        X.form.pass  ({
            x:85,
            y:40,
            width:150,
            id:'pass',
            maxlen:20
        }),
        X.form.button({
            x:155,
            y:70,
            width:80,
            id:'ingreso',
            text:'Ingresar'
        })
        ]
    });
    // HANDLE CHECK
     // EVENTOS
        // al apretar enter, salta al siguiente campo
        X.event.jump('user', 'pass');

        // al apretar enter, presiona el boton login
        X.event.press('pass', 'ingreso');

        // al presionar el boton
    
    X.event.button('ingreso', function(btn, event){

        if (X.isempty('user'))
            X.msg.failure('Complete el campo "Usuario".', h_empty_username);
        else if (X.isempty('pass'))
            X.msg.failure('Complete el campo "Contraseña".', h_empty_password);
        else
            X.ajax({
                url: '/login/ajax-login',
                params: {
                    user: X.value('user'),
                    pass: X.value('pass')
                },
                afterSuccess: h_ajax_login_success,
                afterFailure: h_ajax_login_failure
            });

    });

    // HANDLE AJAX
    
    

    // CONFIGURACION INICIAL
    X.focus('user');

    X.win.panel({
        id     : 'creaWindow',
        title  : 'Inicio de sesión',
        modal  : false,
        items  : X.get('loginForm')
    });

    X.get('creaWindow').show();

}); 



